<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>工作队员添加页面</title>
    <link rel="stylesheet" href="../../../yl/index.css" />
    <!-- 布局样式 -->
    <link rel="stylesheet" href="../../../yl/style.css" />
    <link rel="stylesheet" href="../../../style/wangeditor.css" />
    <link rel="stylesheet" href="../../../yl/mobile.css" />
    <link rel="stylesheet" href="../../../yl/easyui.css" />
    <link rel="stylesheet" href="../../../yl/icon.css" />
  </head>

  <body>
    <!-- <div id="app"> -->
    <div class="easyui-navpanel" id="app" v-cloak>
      <header>
        <div class="m-toolbar">
          <div class="m-title">
            {{action=='Add'?'添加工作队信息':action=='Modify'?'修改工作队信息':''}}
          </div>
        </div>
      </header>
      <div
        class="easyui-navpanel panel-body panel-body-nobottom panel-body-noborder"
        style="height: 3000px"
        id="MainTable"
        ref="MainTable"
        :data-options="JSON.stringify({ 'TableName': 'work_teams', 'form': 'dataForm' ,'primary_key':'Work_Team_SerialNumber' })"
      >
        <el-form
          :model="dataForm"
          ref="form"
          :inline-message="true"
          style="width: 100%"
        >
          <el-descriptions :column="1" size="large" border>
            <el-descriptions-item>
              <template #label>
                <div class="cell-item">工作队名称</div>
              </template>
              <el-form-item
                prop="Work_Team_Name"
                :rules="[{ required: true, message: '请输入工作队名称', trigger: 'blur' }]"
              >
                <el-input
                  ref="work_teams"
                  v-model="dataForm.Work_Team_Name"
                  class="borderless-input"
                  placeholder="请输入工作队名称"
                />
              </el-form-item>
            </el-descriptions-item>
            <el-descriptions-item>
              <template #label>
                <div class="cell-item">所驻村社</div>
              </template>
              <el-form-item
                prop="Village_Number"
                :rules="[{ required: true, message: '请选择所驻村社', trigger: 'change' }]"
              >
                <el-cascader
                  :disabled="city1.length == 0"
                  @change="changeVillage"
                  class="borderless-input"
                  v-model="qwer"
                  filterable
                  :props="{value:'ProvinceNumber',label:'Province',children:'children'}"
                  placeholder="请选择村行政区"
                  :options="city1"
                  style="width: 100%"
                ></el-cascader>
              </el-form-item>
            </el-descriptions-item>

            <!-- <el-descriptions-item>
              <template #label>
                <div class="cell-item">负责人</div>
              </template>
              <el-form-item
                :rules="[{ required: true, message: '请选择负责人', trigger: 'change' }]"
                prop="Captain_Number"
              >
                <el-select
                  @change="changeMember"
                  clearable
                  v-model.trim="dataForm.Captain_Number"
                  placeholder="请选择负责人"
                  filterable
                  style="width: 100%"
                >
                  <el-option
                    v-for="(item,index) in member"
                    :key="index"
                    :label="item.Personal_Name"
                    :value="item.ID_Card_Number"
                  ></el-option>
                </el-select>
              </el-form-item>
            </el-descriptions-item> -->
            <!-- <el-descriptions-item>
              <template #label>
                <div class="cell-item">联系电话</div>
              </template>
              <el-input
                ref="Mobile"
                v-model="dataForm.Mobile"
                class="borderless-input"
                placeholder="请输入联系电话"
              />
            </el-descriptions-item> -->

            <el-descriptions-item>
              <template #label>
                <div class="cell-item">成立日期</div>
              </template>
              <el-date-picker
                v-model="dataForm.Establishment_Date"
                format="YYYY-MM-DD"
                value-format="YYYY-MM-DD"
                class="borderless-input"
                type="date"
                placeholder="请选择成立日期"
                size="large"
              ></el-date-picker>
            </el-descriptions-item>

            <!-- <el-descriptions-item>
              <template #label>
                <div class="cell-item">结束日期</div>
              </template>
              <el-date-picker
                v-model="dataForm.End_Date"
                format="YYYY-MM-DD"
                value-format="YYYY-MM-DD"
                class="borderless-input"
                type="date"
                placeholder="请选择结束日期"
                size="large"
              ></el-date-picker>
            </el-descriptions-item>
          </el-descriptions> -->
        </el-form>
      </div>
      <footer class="botton-ann">
        <el-button @click="goBack">返回</el-button>
        <el-button type="primary" plain @click="handleSubmit">提交</el-button>
      </footer>
    </div>
  </body>
  <script src="../../../utils/utils.js"></script>
  <script src="../../../config/config.js"></script>
  <script src="../../../utils/compressor.js"></script>
  <script src="../../../utils/wangeditor.js"></script>
  <script src="../../../utils/mixins.js"></script>
  <script src="../../../yl/vue.js"></script>
  <script src="../../../yl/index.js"></script>
  <script src="../../../yl/zh-cn.mjs"></script>
  <script src="../../../yl/index.iife.min.js"></script>
  <script src="../../../yl/jquery.min.js"></script>
<script src="../../../utils/jquery.cookie.js"></script>
  <script src="../../../yl/jquery.easyui.min.js"></script>
  <script src="../../../yl/jquery.easyui.mobile.js"></script>
  <script src="../../../yl/moment.min.js"></script>
  <script src="../../../api/request.js"></script>
  <script src="js/add.js"></script>
</html>
